{% extends "../base.html" %}

{% block head %}    
<link rel="stylesheet" type="text/css" href="{{handler.static_url}}/css/circle.css"> 
<link rel="stylesheet" type="text/css" href="{{handler.static_url}}/css/style2.css"> 
<script type="text/javascript" src="{{handler.static_url}}/js/jquery-ui-1.8.16.custom.min.js"></script>
<title>投资圈 |  Stock+</title> 
{% end %}
{% block body %} 


<div class="breadcumb"> 
	<div class="container"> 
		<div class="breadcumb-title" > 
			<span style="color: #1645AE;">S</span><span style="color: #D62408;">t</span><span style="color: #EFBA00;">o</span><span style="color: #1645AE;">c</span><span style="color: #007D08;">k</span><span style="color: #D62408;">+</span> 
			» 投资圈 
		</div>
		
		<div class="r">  
			<ul class="breadcumb-nav"> 
				<li class="active"><span class="circle">O</span> <a href="#">圈内动态</a></li>
				<li><span class="circle">O</span> <a href="#">圈内资讯</a></li>
				<li><span class="circle">O</span> <a href="#">圈内研报</a></li>
				<li><a href="#"><span class="circle">O</span> 圈内讨论</a></li>
				<li><a href="#"><span class="circle">O</span> 共享文档</a></li>
				<li><a href="#"><span class="circle">O</span> 股票池</a></li>
			</ul>
		</div>  
	</div>
</div>


<div class="container">  
	
	<div style="float: right; width: 75%;">

	
     <div>
     	{% for i in range(10) %}
     	{% set num = randrange(10) %}
		<div class="thread">
			<div class="image">
				<div class="image40">
					<a href="#"><img src="{{handler.static_url}}/img/{{num}}.jpg"></a>
				</div>
			</div>
			<div class="summary">
				<a class="title" href="#">有没有人知道网络工程的毕业设计是做什么的?有没有人知道网络工程的毕业设计是做什么的?</a>
				<div class="c"></div>
				<div class="bottom">
					<span>洪雷鸣 发布于 昨天(22:14)</span><span> ，最后回答(12分钟前)：<a href="#">joliny»</a></span>
				</div>
			</div>
			<div class="stat">
				<div class="stat-section-em"> 
					<div class="stat-count">25</div>
					<div class="stat-name"><a href="#">回答</a></div> 
				</div>
				<div class="stat-section"> 
					<div class="stat-count">3</div>
					<div class="stat-name"><a href="#">支持</a></div> 
				</div>
				<div class="stat-section"> 
					<div class="stat-count">1620</div>
					<div class="stat-name"><a href="#">浏览</a></div> 
				</div> 
			</div> 
			<div class="clearfix"></div>
		</div> 
		{% end %}
     </div>  
	</div>
	
	<div style="float: left; width: 24%; margin-right: 1%;">
		<div> 
			<img alt="" src="{{handler.static_url}}/img/circle-example.jpg">
		</div> 
		<div class="clearfix">
			<div class="caption">
				<h3>投资理念</h3> 
			</div> 
			<div class="tags">
			</div>
		</div>
		<div class="clearfix">
			<div class="caption">
				<h3>访问统计</h3> 
			</div> 
			<div class="tags"> 
			</div>
		</div>
		<div class="clearfix">
			<div class="caption">
				<h3>创始人/管理员</h3> 
			</div> 
			<div class="tags"> 
			</div>
		</div>
		<div class="clearfix">
			<div class="caption">
				<h3>突出贡献会员</h3> 
			</div> 
			<div class="image-list">  
				{% for i in range(10) %}
				{% set num = randrange(10) %}
				<div class="image-item">
					<div class="image40">
						<a href="#"><img src="{{handler.static_url}}/img/{{num}}.jpg"></a>
					</div>
					<div class="name"><a href="#">洪雷鸣</a></div>
				</div>
				{% end %}
				<div class="c"></div>
			</div>
		</div>
		<div class="clearfix">
			<div class="caption">
				<h3>圈内所有会员(40)</h3> 
			</div> 
			<div class="image-list">  
				{% for i in range(40) %}
				{% set num = randrange(10) %}
				<div class="image-item">
					<div class="image40">
						<a href="#"><img src="{{handler.static_url}}/img/{{num}}.jpg"></a>
					</div>
					<div class="name"><a href="#">洪雷鸣</a></div>
				</div>
				{% end %}
				<div class="c"></div>
			</div>
		</div>
	</div>   
	
</div>

<script>
$(document).ready(function(){ 
	$("#modal-internal").draggable();
	$("#ask").click(function(e){  
		$("#modal").show();
	});
	$("#close").click(function(e){  
		$("#modal").hide();
	});
	$("#ok").click(function(e){  
		$("#modal").hide();
	});
});
</script>

<div id="modal" style="display: none;">
	<div class="modal-backdrop"></div>
	<div id="modal-internal" class="modal">
		<div class="modal-header">
			<h3>欢迎登录</h3>
			<a href="#" id="close" class="close">×</a>
		</div>
		
		<div class="modal-footer">
			<a id="ok" href="#" class="btn primary">确定</a> 
		</div>
	</div>
</div> 


{% end %}
